<template>
    <div style="max-width: 450px; margin: 0 auto;">
        <div style="background-color: #008CA0; height: 3.5rem;"></div>
        <div class="about-content">
            <div style="margin: 1rem;font-size: 1.5rem;text-align: center;">罗比生物</div>
            <div style="margin: 1rem; font-size: 15px; line-height: 1.5rem;">{{ company.content }}</div>
        </div>
        <div style="line-height: 2rem; margin: 1rem;">
            <div>电话：{{ company.sel_tel }}</div>
            <div>邮箱：{{ company.email }}</div>
            <div>工作时间：{{ company.work_time }}</div>
            <div>地址：{{ company.address }}</div>
            <div>网站备案：{{ company.web }}</div>
        </div>
    </div>
    <BtyTabBar/>
</template>


<script setup>
import { useRouter } from 'vue-router';
import { listNews, getCompanyInfo } from '@/requests/index';
import { ref } from 'vue';
import BtyTabBar from '@/components/BtyTabBar.vue';
const company = ref({
sel_tel: "",
  tech_tel: "",
  work_time: "",
  email: "",
  address: "",
  web: "",
  content: "",
});
const forCompanyInfo = async () => {
  const res = await getCompanyInfo();
  if (res.status === 2000) {
    company.value = res.data;
  };
};
forCompanyInfo();
</script>

<style scoped>
.about-content {
    font-size: 12px;
    text-indent: 3em;
    display: block;
}
</style>